<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>
    <script>

    </script>
</head>
<body>
<!--1. 准备一个容器-->
<div id="app">
    <!--单项后端影响页面 -->
    <!--双向双方都可以影响-->
    年龄1:<input type="text" name="age1" v-bind:value="age">
    年龄2:<input type="text" name="age2" v-model="age">
    <button @click="fun1">点我年龄加一</button>
    <!--单项绑定什么属性都能绑-->
    <!--双向绑定只能绑Value值-->
</div>
<script>
    let vm = new Vue({
        el: "#app",
        data: {
            age: 18,
        },
        methods:{
            fun1:function () {
                this.age++;
            }
        }
    });
</script>



</body>
</html>